<%-- 
    Document   : editcareCustomer
    Created on : Jul 6, 2012, 4:45:32 PM
    Author     : VANANH
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
    </head>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){

           
            validateform("form-input-customer");
        });

    </script>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){      
            $j('input#to,input#from').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            $j('input#dateN550').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
              
        });
    </script>
    <style type="text/css">
        #ui-datepicker-div
        {
            z-index: 9999999;
        }

        .field_normal{            
            width:100%; 
        }
        .field_pink{
            background-color: #D1E1F1; 

        }
        .form_item_content{
            margin-left: 0px !important;
        }

        .label{
            margin-left: 10px !important;
            text-align: right;
            width: 80px !important;; 
        }
        .main_content{
            height: 190px !important;
        }
    </style>
    <f:view>
        <h:form id="form-input-customer" >
            <body style=" float:left; width:auto; height:auto; margin:0px;">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>

                <div class="popup" style="height:400px; width:585px">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="#{locale.tourTitle}"/></div>
                    </div>
                    <div class="popup-content">
                        <div class="main_content">
                            <div class="form_item_content" style="margin-top: 0px !important;" >

                                <div class="item_content" style="display:block">
                                    <%--
                                    <div class="fields_input" >
                                        <label style="text-align:left; margin-left:21px"><h:outputText rendered="#{s200Controller.SV216 == 0}" value="#{locale.code_tour}"/><h:outputText rendered="#{s200Controller.SV216 == 0}" value='*' /></label> 
                                        <label style="text-align:left; margin-left:-122px;width: 200px;"><h:outputText rendered="#{s200Controller.SV216 == 1}" value="#{locale.item_work}"/><h:outputText rendered="#{s200Controller.SV216 == 1}" value='*' /></label>
                                        <h:inputText value="#{s200Controller.SV201}" styleClass="required" id="cusname" style="width:300px;margin-left:25px;" />

                                    </div>
                                    --%>
                                    <div  class="field_normal" style="height:30px; margin-top: 6px">
                                        
                                        <div class="fields_input">
                                            <label class="label" ><h:outputText value="Mã tour"/>: </label>
                                            <h:inputText value="#{TourBean.vv051}"  style=" width:200px;"  ></h:inputText>
                                            </div>
                                        </div>
                                    <div  class="field_normal" style="height:30px; margin-top: 6px">
                                        
                                        <div class="fields_input">
                                            <label class="label" ><h:outputText value="#{locale.nameTour}"/>:* </label>
                                            <h:inputText value="#{TourBean.vv052}"  style=" width:458px;"  ></h:inputText>
                                            </div>
                                        </div>
                                        <div class="field_pink" style="height:65px; " >
                                            <div class="fields_input">
                                                <label class="label"><h:outputText value="#{locale.startTour}"/>: </label>
                                            <h:inputText value="#{TourBean.vv069}"  style=" width:458px;"  ></h:inputText>
                                        </div>
                                        <div class="fields_input" style="margin-top: 4px;">
                                            <label class="label"><h:outputText value="#{locale.endTour}"/>: </label>
                                            <h:inputText value="#{TourBean.vv070}"  style="width:458px; "  ></h:inputText>
                                        </div>
                                    </div>
                                    <div class="field_normal" style="height:25px; " >
                                        <div class="fields_input" >    
                                            <div>    
                                                <label class="lbl_editWork" style="width:90px !important;"><h:outputText value="Ngày bắt đầu"/>:</label>
                                                <input type="text" id="to" name="to"  class="input_fields required date"  
                                                       value="<h:outputText value="#{TourBean.vd073}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>
                                                </div>
                                                <div>
                                                    <label class="lbl_editWork" style="width:95px !important;"><h:outputText value="Ngày kết thúc"/>:</label>
                                                <input type="text" id="from" name="from"  class="input_fields required date"  
                                                       value="<h:outputText value="#{TourBean.vd074}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div  class="field_normal" style="height:25px; margin-top: 2px">
                                            <div class="fields_input" style="margin-top: 4px;">
                                                <label class="label"><h:outputText value="#{locale.mincount}"/>: </label>
                                            <h:inputText value="#{TourBean.vn072}"  style="width:166px; " styleClass="required number" ></h:inputText>
                                            </div>
                                            <div class="fields_input">
                                                <label class="label"><h:outputText value="#{locale.description}"/>: </label>

                                            <h:inputTextarea value="#{TourBean.vv071}"  style="height:70px; width:458px; "  ></h:inputTextarea>

                                            </div>
                                            <div>
                                            </div>

                                        </div>
                                        <div class="alert"></div>
                                    </div>

                                </div>

                                <div class="popup-footer">

                                    <div class="buttonsave" style="margin-right: 33px;"  onclick="parent.jQuery.fancybox.close(); "  ><span><h:outputText value="#{locale.close}"/></span></div>
                                <h:commandButton   onclick="return validatecheck('form-input-customer');"  action="#{TourBean.updateV050}" value="#{locale.save}" styleClass="buttonsave">

                                </h:commandButton>
                                <h:inputHidden value="#{TourBean.pageLoad}" id="pageLoad"/>
                                <h:inputHidden value="#{TourBean.fv050}" id="fv050"/>

                                <h:inputHidden value="#{TourBean.flagUpdate}" id="fv050u"/>
                                <%--   <h:inputHidden value="#{TourBean.SV216}" id="fv050"/> --%>
                            </div>

                        </div>
                        </body>
                    </h:form>
                </f:view>
                </html>
                <script type="text/javascript">
                    $j(document).ready(function(){
                        yhight = ($j('.popup').height()-90)+"px" ;
                        $j('.main_content').css('height',yhight );
                        $j('.popup-content').css('height',yhight );
                    });
                </script>